<div class="layui-card">
    <div class="layui-card-header">版本信息</div>
    <div class="layui-card-body layui-text">
        <table class="layui-table">
            <colgroup>
                <col style="width: 90px;">
            </colgroup>
            <tr>
                <td>当前版本</td>
                <td>lau-v1.0.0 <a lau-href="/doc/changelog.html">更新日志</a></td>
            </tr>
            <tr>
                <td>基于框架</td>
                <td>layui-v2.2.6 <a href="http://www.layui.com/doc/base/changelog.html" target="_blank">更新日志</a></td>
            </tr>
            <tr>
                <td>联系作者</td>
                <td>
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=296399959&site=qq&menu=yes" target="_blank">QQ</a> /
                    <a href="mailto:su@revoke.cc">邮件</a> /
                    <a href="http://shang.qq.com/wpa/qunwpa?idkey=a4235da100d79f46b030940e2b41b80bd02d8ca5f21c6988e7759aac8d5700a9" target="_blank">QQ群</a>
                </td>
            </tr>
        </table>
    </div>

    <div class="layui-card-header">使用协议</div>
    <div class="layui-card-body layui-text">
        <ul>
            <li>LAU秉承开源精神，开放源代码并托管在Github上。</li>
            <li>开放源代码仅用于个人的学习使用，下载前需要star本项目。</li>
            <li>开源!=免费，如果商业项目将使用LAU，需要向作者购买以获得授权。</li>
            <li>在任何情况下使用本项目都需要注明来源。</li>
        </ul>
    </div>

    <div class="layui-card-header">获取渠道</div>
    <div class="layui-card-body layui-text">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs6">
                <button lau-href="/doc/license.html" class="layui-btn layui-btn-fluid layui-btn-danger">获取授权</button>
            </div>
            <div class="layui-col-xs6">
                <button lau-event="download" class="layui-btn layui-btn-fluid">下载源码</button>
            </div>
        </div>
    </div>

    <div class="layui-card-header">版权信息</div>
    <div class="layui-card-body layui-text">
        <p>© 2018 <a href="http://lau.revoke.cc/">lau.revoke.cc</a> 版权所有</p>
    </div>
</div>